import s from './index.module.scss';

const WeekFood = ({ data }) => {
  return (
    <div className={s.container}>
      {data &&
        data.map((item, index) => {
          return (
            <div key={item.id} className={s.food}>
              <img
                className={s.food_img}
                src={item.imgUrl}
                importance={index < 2 ? 'high' : 'low'}
              />
              {item.mark && <div className={s.mark}>{item.mark}</div>}
              <div className={s.price}>￥{item.price}</div>
              <div className={s.food_name}>
                <div className={s.food_text}>{item.name}</div>
              </div>
            </div>
          );
        })}
    </div>
  );
};

export default WeekFood;
